<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<link href="${pageContext.request.contextPath}/resources/css/fullcalendar.css" rel="stylesheet">
<script src="${pageContext.request.contextPath}/resources/js/fullcalendar.min.js"></script>
<script src="${pageContext.request.contextPath}/resources/js/jquery-ui.js"></script>
<script src="${pageContext.request.contextPath}/resources/js/Calendar/Calendar.js"></script>

<div id="content" class="span10">
	<!-- content starts -->

	<div>
		<ul class="breadcrumb">
			<li><a href="#">Home</a> <span class="divider">/</span></li>
			<li><a href="#">Calendar</a></li>
		</ul>
	</div>

	<div class="row-fluid sortable">
		<div class="box span12">
			<div class="box-header well" data-original-title>
				<h2>
					<i class="icon-calendar"></i> Calendar
				</h2>
				<div class="box-icon">
					<a href="#" class="btn btn-minimize btn-round"><i
						class="icon-chevron-up"></i></a>
				</div>
			</div>
			<div class="box-content">
				<select id="employess">
					<option value="0">All</option>
					<c:forEach items="${employees}" var="e">
						<option value="${e.id}">${e.fName}</option>
					</c:forEach>
				</select>
				<div id='calendar'></div>
			</div>
		</div>
		<!--/span-->

	</div>
	<!--/row-->


	<!-- content ends -->
</div>
<!--/#content.span10-->